<template>
  <div class="noFind-content">
    <div class="noFind-box">
      <div class="noFind-textBox">
        <SvgIcon width="250px" height="250px" name="noFind" color="#fff"></SvgIcon>
        <h2 class="textBottom">页面走丢了...</h2>
      </div>
    </div>
  </div>
</template>

<script setup lang="ts">

</script>

<style lang="scss" scoped>
.noFind-content {
  width: 100%;
  height: 100vh;
  background-image: url(@/assets/imgs/new-bg.jpg);
  background-size: cover;
  position: relative;

  .noFind-box {
    position: fixed;
    width: 100%;
    height: 100vh;
    top: 0;
    left: 0;
    background: $base-menu-background;
    opacity: 0.8;

    .noFind-textBox {
      height: 350px;
      margin-top: 160px;
      // background: pink;
      text-align: center;
      color: #f8d852;

      .textBottom {
        font-size: 40px;
        font-weight: 700;
      }
    }
  }
}</style>